.history {
  // 每一项记录
  .his-item {
    display: flex;
    margin: 30rpx;
    // 封面
    .cover {
      width: 150rpx;
      height: 200rpx;
      margin-right: 30rpx;
      // background-color: pink;
      .img {
        width: 100%;
        height: 100%;
        box-shadow: 0px 1px 6px 1px rgba($color: #000000, $alpha: 0.2);
      }
    }
    // 详情与功能
    .message-fun {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      font-size: 24rpx;
      color: #777777;
      .title {
        display: flex;
        justify-content: space-between;
        .fun-btn {
          display: flex;
          .addShelf,.del {
            border: 1px solid #9a9a9a;
            margin-left: 20rpx;
            padding: 2rpx 20rpx;
            border-radius: 30rpx;
            font-size: 22rpx;
            line-height: 28rpx;
          }
          .addShelf {
            color: #566baf;
            border: 1px solid #566baf;
          }
        }
        .bookName {
          width: 250rpx;
        }
      }
    }
  }
}